<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>register</title>
        <script>
            function checkPass(){
                var guess = document.registration_frm.password.value;
                var secret = document.registration_frm.confirm_password.value;
                if (guess == secret && guess != ""){
                    //document.registration_frm.txtOutput.value = "You may proceed.";

                    return true;
                } else {
                    // document.registration_frm.txtOutput.value = "That is incorrect.";
                    alert("Password is empty or mismatched.");
                    document.registration_frm.password.value="";
                    document.registration_frm.confirm_password.value="";
                    return false;
                }
            }
        </script>
    </head>
    <body  bgcolor="black"    style="color:white;">
        <FORM name="registration_frm" ACTION="registration_p.php" METHOD=post enctype="multipart/form-data">
            <h1>Rigistration Form</h1>
            Please input the registration details to create an account here<br>
            <table border="2">
                <tr>
                    <td>User Name </td><td><input name="username" type="text" size"20"></input></td>
                </tr>
                <tr>
                    <td>Password </td><td><input name="password" type="password" size"20"></input></td>
                </tr>
                <tr>
                    <td>Confirm Password </td><td><input name="confirm_password" type="password" size"20"></input></td>
                </tr>
                <tr>
                    <td>Sex </td><td>
                        <select name="sex">
                            <option value="male">Male</option> 
                            <option value="female">Female</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Image </td><td>
                    <input type="file" name="file" id="file">
                    </td>
                </tr>
                <tr>
                    <td>Address </td><td><input name="loc_ID" type="text" size"20"></input></td>
                </tr>
            </table>
            <input type="submit" value="Submit" onclick="return checkPass()"/>
            <input type="submit" value="Cancel"/>
            <input type="reset" value="Clear"/>
        </FORM>
    </body>
</html>  